/**********内页************/
.run_banner { position: relative;overflow: hidden;}
.run_banner  img {
    width: 100%;
    animation:scale_b 6s linear infinite alternate;
    position: relative;
    z-index: 0;
 }

/********内页分类***********/
.zhnav{ background:#FFF; position:relative; z-index:1 !important;}
.menu{}

.menu a{ transition: all 0.3s;width: 100%;color: #1a1a1a; font-size:16px; height:60px; display:block; line-height:60px; padding: 0 20px;background:#fff url(../images/listIcon1.png) right 20px center no-repeat;margin-top: 1px;}
.menu a:hover{background:#e21f2f url(../images/listIcon2.png) right 20px center no-repeat; color:#FFF;}
.menu a.menn{ background:#e21f2f url(../images/listIcon2.png) right 20px center no-repeat; color:#FFF;}

.return{font-size:14px; color:#fff; line-height:30px; text-align:center; padding:15px 0; position:absolute; width:100%; background:rgba(0, 0, 0, 0.67); bottom:0; left:0;}
.return a{ font-size:14px; color:#fff; line-height:30px; padding:0px 5px; display:inline-block;}

.cont—lf{ width:280px;}
.cont—lf h1 {font-family: osw-m;font-size: 36px;color: #333;padding-bottom: 16px;border-bottom: 1px solid #ccc;text-transform: capitalize;position: relative;margin-bottom: 20px;}
.cont—lf h1:before { content: "";width: 40px;height: 3px; background: #e21f2f; position: absolute; left: 0; bottom: -2px;}

.cont—box{ width:calc( 100% - 320px); background:#fff; padding:20px 40px;}
.cont—box h1{margin: 20px 0 0;text-align: center;font-size: 36px;border-bottom: 1px solid #e8e8e8;padding-bottom: 20px;font-weight: bold;}
.cont—box .p_con{ font-size:16px; line-height:2; margin: 10px 0 20px;}
.cont—box .p_con p{ text-indent:2em; font-size:16px; line-height:2; }

.pro—box{ width:calc( 100% - 320px);}

/**************关于我们*****************************/

.n_box{ padding:20px 0px;}
.n_box img{ max-width:100%;}
.qy_about{margin-top:10px; overflow:hidden;color:#333; font-size:18px; line-height:2.5;text-indent:2em;}
.qy_about_two{color:#333; font-size:18px; line-height:2.5; text-indent:2em;overflow:hidden; margin:40px auto;}
.zhu_si{width: 100%; overflow:hidden;}
.zhu_si li{ float:left;width:32.333%; margin:0px 0.5%;}
.zhu_si li .pic { height: 0;padding-top:67%;position: relative;overflow: hidden;}
.zhu_si li .pic img {position: absolute;left: 0;top: 0; width: 100%;height: 100%;}
.zhu_si li:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);transform-origin: 50% 50%;}

.zhu_si li .pic img{
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
/***************新闻中心*****************************/
.p_news li{ width:calc(100% - 20px); margin:30px 10px; transition:all 0.5s; padding-bottom:30px; border-bottom:1px dashed #ccc; } 
.p_news li a{ display:flex; height:100%; width:100%; align-items:center; } 
.p_news li .newnr{ width:65%; padding:0 8% 0 0; } 
.p_news li .time{ color:#1a1a1a; font-size:16px; line-height:18px; } 
.p_news li h2{ transition:all 0.5s; color:#333; white-space:normal; overflow:hidden; text-overflow:ellipsis; font-size:24px; line-height:1.2; font-family:sy-r; margin-top:10px; } 
.p_news li p{ font-size:15px; color:#4c4c4c; line-height:25px; text-align:justify; margin:20px 0 30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } 
.p_news li span{ display:inline-block; width:auto; font-size:15px; font-family:pop-r; color:#e21f2f; transition:all 0.4s; border-bottom:1px solid #e21f2f; } 
.p_news li .newimg{ overflow:hidden; width:35%; position:relative; background:#fff; border-radius:4px; } 
.p_news li .newimg img{ transition:all 0.8s; width:100%; } 
.p_news .i-a{ display:none; } 
.p_news li:hover span{ color:#ea681a; border-color:#ea681a; } 
.p_news li:hover h2{ color:#e21f2f; } 
.p_news li:hover .pic{ transform:scale(1.06); } 
 

/*************产品中心**********************/
.pro_xzlb{overflow: hidden;display: block;}
.pro_xzlb li { float:left;width:25%;  margin-bottom:20px;overflow: hidden;position:relative;}
.pro_xzlb li a{margin:12px; overflow:hidden;display: block;position:relative;}
.pro_xzlb li img {width:100%; vertical-align:top;}
.pro_xzlb li .jianj{ background:#fff; text-align:center; padding:12px 0px;color:#333;font-size:16px;line-height:1.5;}
.pro_xzlb li:hover a{-webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: #666 0px 0px 10px;}
.pro_xzlb li:hover .jianj{background:#e21f2f;color:#fff; }
.pro_xzlb li a span{position: absolute; left:0px; top: 0;width:100%;height:calc(100% - 48px);
     background:-webkit-linear-gradient(left,#fb9b00,#005da8);/* Safari 5.1 - 6.0 */
	background:-o-linear-gradient(right,#fb9b00,#005da8);/* Opera 11.1 - 12.0 */
	background:-moz-linear-gradient(right,#fb9b00,#005da8);/* Firefox 3.6 - 15 */
	background:linear-gradient(to right,#fb9b00,#005da8);/* 标准*/
    opacity: 0;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    -webkit-transition: opacity 0.3s linear;
   }
.pro_xzlb li:hover a span{opacity: 0.6;}


@media screen and (max-width: 1200px){
.fnews-list li {width: 50%;}
.pro_xzlb li { float:left;width:33.3%;}
}

@media screen and (max-width: 640px){
.fnews-list li {width: 100%;padding:0px;}
.pro_xzlb li { float:left;width:50%;}
.pro_xzlb li a{margin:2px; overflow:hidden;display: block;position:relative;}

.menu a{ padding:0 10px; display:block; float:left; font-size:15px; color:#4b4b4b; line-height:36px; text-align:center;}
}




/*****详细页*****/
.news-art-main{background: #fff;margin:0px auto;padding:4% 5%;}
.art-tit h4{text-align: center;font-size:20px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #333;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;width:50%;}
.art-main{padding: 4% 0px;}
.art-main p{font-size: 15px;line-height:1.8;color: #444;}
.art-main img{ max-width:100%;}

.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color:#a59380;}
.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 116px;height: 40px;overflow: hidden;border: 2px solid #a59380;line-height:36px;text-align: center;box-sizing: border-box;color: #a59380;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #a59380;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}

/*****产品详细页*****/
.npro_box{ width:100%; overflow:hidden; margin-bottom:40px;}
.npro_lf{ float:left; width:500px;}
.npro_rf{float:right; width:calc(100% - 550px);}
.npro_rf .art-tit h4 { text-align: left; font-size: 20px; font-family: 'sy-r';font-weight: normal; line-height: 36px; padding-bottom: 20px; color: #333;}
.npro-main{padding-top: 30px;padding-bottom: 40px;}
.npro-main p{font-size: 15px;line-height:2;color: #666;}

.pro—box .news-art-main{padding:40px;}

#showbox { background:#eee;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showbox b img{ width:500px;border: 1px solid #ddd;}

#showsum { left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:500px; position:relative;}
.showpage a { display:block; width:25px; border:1px solid #ddd; height:82px; line-height:82px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-84px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}


/******在线反馈*****/
.massage{ width: calc(100% - 600px); position: relative; z-index: 2;}
.massage table td{ color:#666;}
.massage .input{ border-bottom:1px solid #ddd; margin:0px 0px 10px;  padding-left:5px; width:90%;height:50px; line-height:50px; outline:none;}
.massage textarea{border-bottom:1px solid #ddd; margin:0px 0px 10px; padding-left:5px; width:90%;line-height:50px;outline:none; resize:none;}
.massage .button{border:1px solid #e21f2f; border-radius:50px;width:200px; font-size:17px; height:60px; line-height:60px; color:#fff; background:#e21f2f;outline:none; cursor:pointer;}


/******联系我们*****/
.contact_box{ padding:50px 0px 0px; background:#fff;}
.contact_lf{ width:550px;}
.info dt {
    font-size: 38px;
    line-height: 1.2;
    color: #e21f2f;
}
.info p {
    font-size: 16px;
    color: #666;
    margin: 10px 0 40px;
    line-height: 24px;
}
.info span {
    display: block;
    padding-left: 28px;
    font-size: 16px;
    color: #333;
    line-height: 22px;
    margin-top: 20px;
}
.info span a{color: #333;}


.contact-second{width:100%;height:580px;position: relative; margin-top:50px; border:5px solid #fff;background:#fff;}
.contact-second .consec-map{position: absolute;top: 0px;left: 0px;z-index: 1;width: 100%;height:550px;}
.contact-second img{ width:auto;}


/********分页*********/
.pagination{display: inline-block; padding-left: 0; margin:20px 0px 20px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #e21f2f; border-color: #e21f2f;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}